<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta property="wb:webmaster" content="72818d890429100a">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>首页</title>

<link rel="stylesheet" type="text/css" href="MoPaaS_files/index.css" media="all">

<script type="text/javascript" src="MoPaaS_files/jquery-1.js"></script>
<script type="text/javascript" src="MoPaaS_files/app.js"></script>
<script type="text/javascript" src="MoPaaS_files/jquery.js"></script>
<script type="text/javascript" src="MoPaaS_files/jquery-ui-1.js"></script>
<script type="text/javascript" src="MoPaaS_files/form.js"></script>
<link rel="stylesheet" type="text/css" href="MoPaaS_files/jquery-ui-1.css" media="all">
<style>
.slidebox-01{width:100%;height:560px;overflow:hidden;position:relative;}
.slidepic-01{position:absolute;width:9999em;}/* 必要元素 */
.slidepic-01 .photo{height:500px;overflow:hidden;float:left;  margin:0px;width: auto;}
.slidebtn-01{
	position: static;
	bottom: 10px;
	right: 760px;
	float: right;
}
.slidebtn-01 li{background:#fff;border:1px solid #999999;cursor:pointer;float:left;height:10px;line-height:10px;width:10px;margin:4px;text-align:center;color:#333333; border-radius: 28.5px;}
.slidebtn-01 li.current{background:#ccc;border:1px solid #ccc;height:10px;line-height:24px;width:10px;color:#fff;font-weight:800;}
*{
	list-style-type: none;
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0px;
	margin-top: 0;
}
.img1{
	background-image: url("./MoPaaS_files/huadong_zh-CN.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  
}
.img2{
	background-image: url("./MoPaaS_files/huadong1_zh-CN.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.img3{
	background-image: url("./MoPaaS_files/huadong2_zh-CN.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
</style>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#contest_pic").fadeToggle("slow");
  });
});
</script></head>

<body>
	<div class="home_header">
		<div class="home_header_2">
			<div class="home_logo"><img src="MoPaaS_files/home_logo_zh-CN.png" onclick="location.href='portal.jsp';"></div>
			<div class="home_header_title">
            <div class="mainlist_input" style="float:left;">

						   <input class="mainlist_input_item" id="email" placeholder="请输入您的邮箱" type="text"></div>
                           <div class="mainlist_zhuce_right_error" id="errormail" style="margin-top:-10px;"></div>
                           <div class="mainlist_input" style="float:left;panding-left=10">

						   <input class="mainlist_input_item" id="password" placeholder="请输入您的密码" type="password"></div>
                           <div class="mainlist_zhuce_right_error" id="errorpwd"></div>
                           <div class="forget_pwd" style="margin-top: 10px;">
						   <a style="text-decoration:none;" href="/forget.jsp">忘记密码 </a>
					 </div>

				<div class="home_header_title_action" style="line-height: 20px;">
					<div style="" id="register" class="home_header_title_4 register_color" onclick="location.href = '/register.jsp';">注册</div>
					<div id="is_login">
						<div style="margin-left:10px;" id="login" class="home_header_title_4 login_color" onclick="location.href = '/login.jsp';">登录</div>
					</div>
				</div>

			</div>
		</div>
	</div>
		<div class="slidebox-01" id="intr_mopaas">
			<div class="slidepic-01" style="margin-top: 75px; left: -3166px;">
				<div style="width: 1583px;" class="img1 photo">

				</div>
				<div style="width: 1583px;" class="img2 photo">
					</div>
                <div style="width: 1583px;" class="img3 photo">				                    </div>				
			</div>
			<div class="slidebtn-01">
				<ul>			
					<li class=""></li>
					<li class=""></li>
					<li class="current"></li>
				</ul>
			</div>
		</div>
        
<div class="mainlist_zhuce">
		       <div class="mainlist_zhuce_left" style="height:auto;width:525px;margin-bottom:70px;">
			       	<div class="mainlist_zhuce_right_1">注册</div>
						 
						 
					 <div class="mainlist_input">
					       <!-- <div class="mainlist_zhuce_right_2_1">邮箱地址：</div> -->
						   <input style="line-height:35px;" class="mainlist_input_item_register" id="email" placeholder="请输入您的邮箱" type="text">
						   <!-- <div class="color_red">*</div> -->
					 </div>
					<div class="mainlist_zhuce_right_error" id="erroremail"></div>
						 
					 <div class="mainlist_input">
					       <!-- <div class="mainlist_zhuce_right_2_1">密码：</div> -->
						   <div><input style="line-height:35px;" class="mainlist_input_item_register" id="password" placeholder="请输入您的密码" type="password"></div>
						<!--    <div class="color_red">*</div> -->
					 </div>
					<div class="mainlist_zhuce_right_error" id="errorpassword"></div>
						 
					 <div class="mainlist_input">
					       <!-- <div class="mainlist_zhuce_right_2_1">确认密码：</div> -->
						   <div><input style="line-height:35px;" class="mainlist_input_item_register" id="confirm_password" placeholder="请再次输入您的密码" type="password"></div>
						   <!-- <div class="color_red">*</div> -->
					 </div>
					 <div class="mainlist_zhuce_right_error" id="confirmerror"></div>
					 
					 <div class="mainlist_input">
					       <!-- <div  class="mainlist_zhuce_right_2_1">手机：</div> -->
						   <div><input style="line-height:35px;" class="mainlist_input_item_register" id="mobile" placeholder="您的手机号码"></div>
					 </div>
					 <div class="mainlist_zhuce_right_error" id="mobileerror" style="width:450px;"></div>
						 
					 <div class="mainlist_zhuce_select_block">
					       <!-- <div class="mainlist_zhuce_right_2_1">公司规模：</div> -->
						   	<select name="select" id="scale" class="mainlist_zhuce_select_1">
						   		<option value="">公司规模</option>
				                <option value="5-10人">5-10人</option>
				                <option value="5-10人">10-20人</option>
				                <option value="5-10人">20-50人</option>
				                <option value="5-10人">50人以上</option>
			              	</select>
			              	<div class="mainlist_zhuce_right_error_select" id="erroescale"></div>
						   <!-- <div class="color_red">*</div> -->
					 </div>
					
						 
					 <div class="mainlist_zhuce_select_block">
					       <!-- <div class="mainlist_zhuce_right_2_1">公司职位：</div> -->
							   <select name="select" id="role" class="mainlist_zhuce_select_2">
							   	<option value="">公司职位</option>
							   	<option value="开发者">开发者</option>
				                <option value="技术总监">技术总监</option>
				                <option value="项目经理">项目经理</option>
				                <option value="老板">老板</option>
				               </select>
				               <div class="mainlist_zhuce_right_error_select2" id="errorrole"></div>
						   <!-- <div class="color_red">*</div> -->
					 </div>
					
						 
				
					       <!-- <div class="mainlist_zhuce_right_2_1">为何选择我们：</div> -->
						   <div class="mainlist_zhuce_select_block">
							   <select name="select" id="reson" class="mainlist_zhuce_select_3">
							   		<option value="">为何选择我们</option>
					                <option value="免费">免费</option>
					                <option value="好用">好用</option>
					                <option value="功能强大">功能强大</option>
					                <option value="看起来不错">看起来不错</option>
				              </select>
				              <div class="mainlist_zhuce_right_error_select3" id="erreoreson"></div>
						   </div>
						   <!-- <div class="color_red">*</div> -->
				
				   <div class="mainlist_register_btn">
				   
				   <div style="float:left;margin-top:10px;margin-bottom:10px;">
					 	<input id="cfRole" style="position:relative;top:2px;" type="checkbox"><label for="cfRole">&nbsp;参加MoPaaS应用开发大赛</label>
				   </div>
				   
				   <div style="clear:both;"></div>
				   <div style="float:left;">
				   		<div style="float:left">
				   			<input id="identifying_code" class="mainlist_input_item_register" style="line-height: 35px;width:120px;" placeholder="请输入验证码" type="text">
				   		</div>
				   		<div style="float:right;margin: 8px;">
				   			<img src="validateCodeServlet" alt="false" title="点击刷新" id="resrc" style="width:100px;height:35px;cursor:pointer;">
				   		</div>
				   </div>
				   <div style="clear:both;"></div>
				   <div class="mainlist_zhuce_right_error" id="errorValidateCode"></div>
				   		<button class="mainlist_login_btn_item" id="register" style="clear:left;float:left">立刻注册</button>
					 	<div class="go_register_link" onclick="location.href ='/login.jsp'">立即登录</div>
					 	<div class="no_account">已经有账号</div>
				  </div>
				  </div>
				  <div class="mainlist_zhuce_right" style="margin-left:25px;">
				         <div class="mainlist_login_right_desc">
							   <div class="mainlist_login_right_desc_block">
							        <div class="mainlist_login_right_desc_title">开放平台</div>
									<div class="mainlist_login_right_desc_content">支持多种语言、框架、服务和IaaS技术；避免应用锁定，支持应用迁移。</div>
							   </div>
							   <div class="mainlist_login_right_desc_block">
							        <div class="mainlist_login_right_desc_title">安全可靠</div>
									<div class="mainlist_login_right_desc_content">高可用的计算和存储资源；新一代备份、隔离和加密技术保证您的应用和数据安全。</div>
							   </div>
							   <div class="mainlist_login_right_desc_block">
							        <div class="mainlist_login_right_desc_title">化繁为简</div>
									<div class="mainlist_login_right_desc_content">忽视服务器配置和底层构造，充分享受云给您带来的便利，使您专注于应用的开发和创新</div>
							   </div>
							   <div class="mainlist_login_right_desc_block">
							        <div class="mainlist_login_right_desc_title">创新科技</div>
									<div class="mainlist_login_right_desc_content">基于新一代云平台和创新的信息链管理技术</div>
							   </div>
	                     </div>
					 </div>
			   </div>
		


<script type="text/javascript">
	//选中bar
	$(".bar_title").click(function(){
		$(".bar_title").removeClass("select_bar");
		$(this).addClass("select_bar");
	});	
</script>
<script type="text/javascript">
$(function(){
	var pw=document.body.scrollWidth;
	$('.slidepic-01 .photo').css("width",pw);
	$('.reg_core').attr("style","width:1024px;height:50px;margin:281px auto 0 auto");
	var ah='<a href="../register.jsp" target="_blank" style="width:200px;height:50px;display:block;float:left;margin-top:30px;margin-left:-27px"></a>'
        +'<a href="https://core.cloudfoundry.org/listings" target="_blank" style="width:50px;height:50px;display:block;margin-left:145px;float:left"></a>';
	$('.reg_core').html(ah);
	// 图片左右翻滚
	var size = $('.slidebtn-01>ul>li').length;
	var frist = 0;
	var datetime;
	$('.slidebtn-01 li').mouseover(function(){
		frist = $('.slidebtn-01 li').index(this);
		showpic(frist);
	}).eq(0).mouseover();
	
	$('.slidebox-01').hover(function(){
		clearInterval(datetime);
	},function(){
		datetime = setInterval(function(){
			showpic(frist)
			frist++;
			if(frist==size){
				frist=0;
			}
		},10000);
	}).trigger('mouseleave');

	function showpic(frist){
		var imgheight = document.body.scrollWidth;//$('.banner_pic_center').width();
	
		$('.slidepic-01').stop(true,false).animate({left:-imgheight*frist},1000)
		$('.slidebtn-01 li').removeClass('current').eq(frist).addClass('current');
	};
	
});
</script>

</body></html>